<template>
  <div>
      <div style="border-bottom: 5px solid #FFFFFF;">
          <van-nav-bar
title="消息"
left-text="返回"
right-text="全部已读"
left-arrow
@click-left="onClickLeft"
@click-right="onClickRight"
/>
      </div>
      <div>
          <van-tabs :active="active" sticky  animated >
    <!-- 对应切换排行内容 -->
    <van-tab  title='消息'>
      <van-empty description="暂无消息" />

    </van-tab>
    <van-tab  title='广播'>
      <Newslist></Newslist>
      <van-empty description="暂无消息" />
    </van-tab>
  </van-tabs>
      </div>
  </div>
</template>

<script>
import { createApp } from 'vue';
import { NavBar } from 'vant';

const app = createApp();
app.use(NavBar);

export default {
setup() {
  const onClickLeft = () => history.back();
  return {
    onClickLeft,
  };
},
}
</script>

<style lang="scss" scoped>
span{
  justify:space-between;
  width: 50vw;
  text-align: center;
  margin: 2vh 0;
}

</style>